{extend name="common/public" /}
{block name="content"}
<div class="widget-body am-fr">
    <div class="am-form-group">
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" onclick="openUrl('{:url("addrole")}')" class="am-btn am-btn-default am-btn-success"><span class="am-icon-plus"></span> 新增</button>
            </div>
        </div>
    </div>
</div>
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
    <div class="widget am-cf">
        <div class="widget-head am-cf">
            <div class="widget-title am-fl">添加角色</div>
            <div class="widget-function am-fr">
                <a href="javascript:;" class="am-icon-cog"></a>
            </div>
        </div>
        <div class="widget-body  widget-body-lg am-fr">

            <table width="100%" class="am-table am-table-compact am-table-bordered tpl-table-black ">
                <thead>
                <tr>
                    <th>角色名</th>
                    <th>备注</th>
                    <th>是否启用</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>

                {foreach $roleList as $v}
                    <tr class="gradeX">
                        <td>{$v.name}</td>
                        <td>{$v.remarks}</td>
                        <td>
                            <div class="tpl-switch">
                                <input type="checkbox" class="ios-switch bigswitch tpl-switch-btn am-margin-top-xs" readonly {eq name='$v.is_active' value='1'}checked=""{/eq}>
                                <div class="tpl-switch-btn-view">
                                    <div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="tpl-table-black-operation">
                                <a onclick="openUrl('{:url('authrole',['role_id'=>$v['id']])}')">
                                    <i class="am-icon-pencil"></i> 权限分配
                                </a>
                                <a href="javascript:;" class="tpl-table-black-operation-del">
                                    <i class="am-icon-trash"></i> 删除
                                </a>
                            </div>
                        </td>
                    </tr>
                {/foreach}

                </tbody>
            </table>

        </div>
    </div>
</div>
{/block}

{/extend}
